<app-tabs [defualtIndex]="showIndex" >
    <app-tab  [barTitle]="d1 | date:'YYYY'">
        <svg 
             viewBox="0 0 100 100" width="100" version="1.1"
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink">
            <circle cx="50" cy="50" r="40" fill="#f29087"/>
        </svg>
    </app-tab>
    <app-tab barTitle="二">
        <app-tabs>
            <app-tab *ngFor="let bar of bars" [barTitle] = "bar.title">
                {{bar.content}}
            </app-tab>
        </app-tabs>
    </app-tab>
    <app-tab barTitle="三">
        <app-tabs>
            <app-tab barTitle="甲">
                <svg width="100"
                     viewBox="0 0 100 100" version="1.1"
                     xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink">
                    <text x="0"  y="20" style="font-size:30px">甲</text>
                </svg>
            </app-tab>
            <app-tab barTitle="乙"></app-tab>
            <app-tab barTitle="丙"></app-tab>
        </app-tabs>
    </app-tab >
</app-tabs>
    <app-ayth-selector [(bool)]="bool" ></app-ayth-selector>


<button (click)="changedata()"> 点击修改</button>
